<template>
  <el-dialog :model-value="isShow" title="订单跟踪" width="40%" @close="emit('hide')">
    <el-steps direction="vertical" :active="6" finish-status="success">
      <el-step  title="订单已提交，等待付款" description="2017-04-01 12:00:00" />
      <el-step title="订单付款成功" description="2017-04-01 12:00:00" />
      <el-step title="在北京市进行下级地点扫描，等待付款" description="2017-04-01 12:00:00" />
      <el-step title="在分拨中心广东深圳公司进行卸车扫描，等待付款" description="2017-04-01 12:00:00" />
      <el-step title="在广东深圳公司进行发出扫描" description="2017-04-01 12:00:00" />  
      <el-step title="到达目的地网点广东深圳公司，快件将很快进行派送" description="2017-04-01 12:00:00" /> 
       <el-step title="订单已签收，期待再次为您服务" description="2017-04-01 12:00:00"/>
    </el-steps>
  </el-dialog>
</template>

<script setup lang="ts">
const props = defineProps({
  isShow: {
    type: Boolean,
    default: false,
  },
});
const emit = defineEmits(["hide"]);
</script>

<style scoped>

</style>